const StrongAndWeak = (props) => {
  return (
    <div className={'clearfix'}
      style={{
        position: 'absolute',
        top: '50%',
        left: '50%',
        transform: 'translate(-50%,-50%)',
        width: '100%',
        textAlign: 'center'
      }}
    >
      <div
        style={{
          width: '80%',
          margin: '0 auto'
        }}
      >
        <div
          style={{
            float: 'left',
            width: 25,
            textAlign: 'center',
            color: '#515A7A'
          }}
        >{props.leftWord}</div>
        <div
          style={{
            float: 'left',
            width: 'calc((100% - 100px) / 2)',
            height: 1,
            border: '1px dashed #B3C0CF',
            marginTop: 10
          }}
        ></div>
        <div
          style={{
            float: 'left',
            width: 50,
            textAlign: 'center',
            color: '#515A7A'
          }}
        >相关性</div>
        <div
          style={{
            float: 'left',
            width: 'calc((100% - 100px) / 2)',
            height: 1,
            border: '1px dashed #B3C0CF',
            marginTop: 10
          }}
        ></div>
        <div
          style={{
            float: 'left',
            width: 25,
            textAlign: 'center',
            color: '#515A7A'
          }}
        >{props.rightWord}</div>
      </div>

    </div>
  )
}

export default StrongAndWeak;
